import { App } from 'vue'
export {
  textDefaultProps,
  textStylePropNames,
  TextComponentProps,
  imageDefaultProps,
  imageStylePropNames,
  ImageComponentProps,
  shapeDefaultProps,
  shapeStylePropNames,
  ShapeComponentProps,
  AllComponentProps
} from './defaultProps'

import HText from '@/components/HText'
import HImage from '@/components/HImage'
import HShape from '@/components/HShape'
import FinalPage from '@/components/FinalPage'

const components = [HText, HImage, HShape, FinalPage]

const install = (app: App) => {
  components.forEach(component => {
    app.component(component.name, component)
  })
}

export { HText, HImage, HShape, FinalPage, install }

export default {
  install
}
